<script setup></script>

<template>
  <div class="bg-[#F1F6FE]">
    <div class="max-w-[912px] text-center mx-auto px-4 py-20 md:max-w-full md:py-12">
      <h2 class="text-5xl font-bold md:text-2xl" _msttexthash="59800455" _msthash="82">广泛的 AI 内容检测器覆盖范围</h2>
      <p class="pt-2 text-[#677788] md:text-md" _msttexthash="1506409138" _msthash="83">
        我们的 AI 内容检测器旨在覆盖所有流行的语言模型，并保证 98% 的准确率。无论是 ChatGPT、GPT-4o、Gemini、Claude 还是任何其他
        LLM，您都可以完全放心，它不会让任何 AI 内容在不被发现的情况下溜走。
      </p>
      <ul class="flex flex-wrap items-center justify-center gap-3 pt-10 md:pt-6">
        <li class="bg-white px-4 py-1 rounded flex items-center gap-1">
          <span class="w-10 h-10 shrink-0 i-com--logo-chatgpt"></span>
          <p class="text-[#677788]" _msttexthash="11000886" _msthash="84">GPT-3.5/4 格式</p>
        </li>
        <li class="bg-white px-4 py-1 rounded flex items-center gap-1">
          <span class="w-10 h-10 shrink-0 i-com--logo-claude"></span>
          <p class="text-[#677788]" _msttexthash="6962436" _msthash="85">克劳德</p>
        </li>
        <li class="bg-white px-4 py-1 rounded flex items-center gap-1">
          <span class="w-10 h-10 shrink-0 i-com--logo-bard-gemini"></span>
          <p class="text-[#677788]" _msttexthash="23416471" _msthash="86">吟游诗人/双子座</p>
        </li>
        <li class="bg-white px-4 py-1 rounded flex items-center gap-1">
          <span class="w-10 h-10 shrink-0 i-com--logo-llama"></span>
          <p class="text-[#677788]" _msttexthash="7089992" _msthash="87">羊驼 2</p>
        </li>
        <li class="bg-white px-4 py-1 rounded flex items-center gap-1">
          <span class="w-10 h-10 shrink-0 i-com--logo-ernie"></span>
          <p class="text-[#677788]" _msttexthash="4401228" _msthash="88">厄 尼</p>
        </li>
      </ul>
      <button
        class="bg-[#165DFF] text-white hover:bg-primary rounded-full text-xl font-semibold px-10 py-4 md:px-5 md:py-3 md:text-base mt-10 md:mt-5"
        _msttexthash="29148314"
        _msthash="89"
      >
        立即检查您的文本
      </button>
    </div>
  </div>
</template>

<style lang="less" scoped>
.bg-\[\#F1F6FE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(241 246 254 / var(--tw-bg-opacity, 1));
}
*,
:after,
:before {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: rgb(var(--ux-color-border) / 1);
}
.text-center {
  text-align: center;
}
.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.max-w-\[912px\] {
  max-width: 912px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.font-bold {
  font-weight: 700;
}
.text-5xl {
  font-size: 2.25rem;
  line-height: 3rem;
}
.text-\[\#677788\] {
  --tw-text-opacity: 1;
  color: rgb(103 119 136 / var(--tw-text-opacity, 1));
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.justify-center {
  justify-content: center;
}
.items-center {
  align-items: center;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex {
  display: flex;
}
menu,
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.rounded {
  border-radius: 0.25rem;
}
.gap-1 {
  gap: 0.25rem;
}
.items-center {
  align-items: center;
}
.flex {
  display: flex;
}
.shrink-0 {
  flex-shrink: 0;
}

.i-com--logo-chatgpt,
.i-com--logo-chatgpt-circle {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.i-com--logo-chatgpt {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA0OCA0OCcgd2lkdGg9JzQ4JyBoZWlnaHQ9JzQ4Jz48ZyBmaWxsPSdub25lJz48cGF0aCBmaWxsPScjNzRBQTlDJyBkPSdNNSAxNC4xMjVjMC01LjAzOSA0LjA4Ni05LjEyMyA5LjEyNy05LjEyM2gxOS43NDRjNS4wNDMgMCA5LjEyOSA0LjA4NCA5LjEyOSA5LjEyM3YyMS4yNzdhNy42IDcuNiAwIDAxLTcuNiA3LjZIMTQuMTI3QzkuMDg3IDQzLjAwMiA1IDM4LjkxNyA1IDMzLjg3OVYxNC4xMjVaJy8+PHBhdGggZmlsbD0nI2ZmZicgZD0nTTIyLjQxIDljLTMuMzI3IDAtNi4yODIgMi4xMTMtNy4zMTIgNS4yMzJhNy41OSA3LjU5IDAgMDAtNS4wNjYgMy42MjggNy40NzggNy40NzggMCAwMC45NDcgOC44NTcgNy4zNTYgNy4zNTYgMCAwMC42NDkgNi4xMjdjMS42NTggMi44NTQgNC45OTQgNC4zMTcgOC4yNTggMy42MzdBNy42MyA3LjYzIDAgMDAyNS41OTEgMzljMy4zMjYgMCA2LjI4MS0yLjExMiA3LjMxMy01LjIzMmE3LjU1NSA3LjU1NSAwIDAwNS4wNTYtMy42MjYgNy40NjQgNy40NjQgMCAwMC0uOTM3LTguODZ2LS4wMWE3LjM4MiA3LjM4MiAwIDAwLS42NDktNi4xMzVjLTEuNjU4LTIuODQ1LTQuOTk0LTQuMzA4LTguMjQ4LTMuNjI4QTcuNjY1IDcuNjY1IDAgMDAyMi40MDkgOVptMCAxLjk1LS4wMS4wMWMxLjMzOCAwIDIuNjI1LjQ1NiAzLjY1NSAxLjMtLjA0Mi4wMi0uMTI1LjA3Mi0uMTg1LjEwMmwtNi4wNTYgMy40NDVhLjk3Ljk3IDAgMDAtLjQ5NC44NTN2OC4wODZsLTIuNjA1LTEuNDg0di02LjY4NGMtLjAwMi0zLjEwNCAyLjU0Ni01LjYyMyA1LjY5NC01LjYyOFptNy4yOTMgMi4zNTVhNS43MTUgNS43MTUgMCAwMTQuOTUxIDIuODE3IDUuNTgzIDUuNTgzIDAgMDEuNjc5IDMuNzU5Yy0uMDQyLS4wMy0uMTIzLS4wNzItLjE3NS0uMTAybC02LjA1NC0zLjQ1NGExLjAyNiAxLjAyNiAwIDAwLS45OTggMGwtNy4wOTYgNC4wNDRWMTcuNGw1Ljg1OC0zLjM0MWE1LjczMyA1LjczMyAwIDAxMi44MzUtLjc1NVptLTE0Ljk3NiAzLjA3djcuMWMwIC4zNTUuMTg1LjY3LjQ5NC44NTNsNy4wODQgNC4wMzItMi42MTUgMS40OTQtNS44NS0zLjMzM2MtMi43MjEtMS41NTYtMy42NTItNC45OTMtMi4wOC03LjY4YTUuNjk1IDUuNjk1IDAgMDEyLjk2Ny0yLjQ2N1pNMjguMyAxOC4xMzJsNS44NiAzLjMzMmMyLjczIDEuNTU1IDMuNjU1IDQuOTg4IDIuMDggNy42OGwuMDEuMDFhNS42NyA1LjY3IDAgMDEtMi45NjYgMi40NnYtNy4xMDNhLjk3Ljk3IDAgMDAtLjQ5NC0uODUzbC03LjA5NC00LjA0NCAyLjYwNC0xLjQ4MlptLTQuMzA0IDIuNDQ4IDIuOTg3IDEuNzA2djMuNDAzbC0yLjk4NyAxLjcwNi0yLjk4Ny0xLjcwNnYtMy40MDNsMi45ODctMS43MDZabTQuNjk1IDIuNjgxIDIuNjA2IDEuNDg0djYuNjc0YzAgMy4xMDgtMi41NTMgNS42MjgtNS42OTUgNS42Mjh2LS4wMWE1LjczIDUuNzMgMCAwMS0zLjY0NS0xLjMgMy4xNSAzLjE1IDAgMDAuMTg0LS4xMDJsNi4wNTUtMy40NDNhLjk1Ljk1IDAgMDAuNDk0LS44NTNsLjAwMS04LjA3OFptLTEuNyA0LjM3djIuOTY3bC01Ljg2IDMuMzMyYy0yLjcyOSAxLjU0NC02LjIwOC42My03Ljc4NC0yLjA1M2guMDFhNS41MTYgNS41MTYgMCAwMS0uNjgtMy43NTljLjA0Mi4wMy4xMjQuMDcyLjE3NS4xMDJsNi4wNTQgMy40NTRjLjMxLjE3My42ODkuMTczLjk5OCAwbDcuMDg3LTQuMDQzWicvPjwvZz48L3N2Zz4=);
}
.i-com--logo-claude,
.i-com--logo-codepen-round {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.i-com--logo-claude {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA0OCA0OCcgd2lkdGg9JzQ4JyBoZWlnaHQ9JzQ4Jz48ZyBmaWxsPSdub25lJz48cGF0aCBmaWxsPScjRDE5Qjc1JyBkPSdNNSAxNC4xMjNDNSA5LjA4NCA5LjA4NiA1IDE0LjEyNyA1aDE5Ljc0NEMzOC45MTUgNSA0MyA5LjA4NCA0MyAxNC4xMjNWMzUuNGE3LjYgNy42IDAgMDEtNy42IDcuNkgxNC4xMjdDOS4wODcgNDMgNSAzOC45MTYgNSAzMy44NzdWMTQuMTIzWicvPjxwYXRoIGZpbGw9JyMxRjFGMUUnIGZpbGwtcnVsZT0nZXZlbm9kZCcgZD0nTTI1Ljg0NiAzMy43NzZoNC4zMTZsLTcuODktMTkuNTUyaC00LjQzM2wtNy44OSAxOS41NTJoNC4zMTVsMS41NzYtMy45MjVoOC40M2wxLjU3NiAzLjkyNVptLTMuMDc0LTcuNjU0LTIuNzE3LTYuNzY4LTIuNzE4IDYuNzY4aDUuNDM1Wm0xNS4yOCA3LjY1NGgtNC4zMTRsLTcuODUyLTE5LjU1Mmg0LjI3Nmw3Ljg5IDE5LjU1MlonIGNsaXAtcnVsZT0nZXZlbm9kZCcvPjwvZz48L3N2Zz4=);
}
.i-com--logo-bard-gemini,
.i-com--logo-behance-round {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.i-com--logo-bard-gemini {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA0OCA0OCcgd2lkdGg9JzQ4JyBoZWlnaHQ9JzQ4Jz48ZyBmaWxsPSdub25lJz48cmVjdCB3aWR0aD0nMzcnIGhlaWdodD0nMzcnIHg9JzUuNScgeT0nNS41JyBmaWxsPScjZmZmJyBzdHJva2U9JyNEREU2RjYnIHJ4PSc3LjUnLz48cGF0aCBmaWxsPScjMDBEQ0ZBJyBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGQ9J00yOC4yMTggMTAuNjc5YTkuMTE0IDkuMTE0IDAgMDAtOS4wODkgOC40NCA5LjExMiA5LjExMiAwIDAwLjY1MyAxOC4yMDIgOS4xMTMgOS4xMTMgMCAwMDkuMDg5LTguNDQgOS4xMTQgOS4xMTQgMCAwMDguNDYtOS4wODkgOS4xMTMgOS4xMTMgMCAwMC05LjExMy05LjExM1ptLjY3OCAxNi4yNTVhNy4xNzIgNy4xNzIgMCAwMDYuMzg5LTUuOWgtNi4zOXY1LjlabS0uOTctNy44MzhoNy40MzNhNy4xNzUgNy4xNzUgMCAwMC0xNC4yODMgMGg2Ljg1Wm0tNi44ODQgMS45MzhoNS45MTZ2NS45MzJoLTUuOTE2di01LjkzMlptLS45NyA3Ljg3di4wMDJIMTIuNjRhNy4xNzUgNy4xNzUgMCAwMDE0LjI4My0uMDAySDIwLjA3Wm0tLjk2OC03LjgzOHY1LjkwMmgtNi4zOWE3LjE3NCA3LjE3NCAwIDAxNi4zOS01LjkwMlonIGNsaXAtcnVsZT0nZXZlbm9kZCcvPjwvZz48L3N2Zz4=);
}
.i-com--logo-llama {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA0OCA0OCcgd2lkdGg9JzQ4JyBoZWlnaHQ9JzQ4Jz48ZyBmaWxsPSdub25lJz48cGF0aCBmaWxsPSd1cmwoI2xvZ28tbGxhbWFfYSknIGZpbGwtcnVsZT0nZXZlbm9kZCcgZD0nTTMyLjE3IDE1LjEzNGMtMS45MTItLjQ1MS0zLjYyLjU4Mi00LjM3OCAxLjU2My0uNDIuNTQyLTEuMDI2IDEuNTYtMS44NjYgMi45NjhhMzIuNzM4IDMyLjczOCAwIDAxMS43MiAzLjI1M2MxLjcyNyAzLjcyMyAzLjc0NSA2LjMxNSA1LjY1NiA3LjkzNCAxLjkzOCAxLjY0MyAzLjYzOCAyLjE4NCA0Ljc3OSAyLjEyMyAxLjAwMS0uMDU0IDEuNzUzLS41NjQgMi4xNDMtMS43MjYuNDM0LTEuMjkyLjQyMi0zLjQ5LS43NTUtNi42NjYtMi41Ny02LjkyNy01LjQwOS05LjAwNC03LjMtOS40NVptLTguMzM4IDcuOTc4Yy4yMTYuNDIuNDI1Ljg0OC42MjcgMS4yODN2LjAwMWMxLjg5NyA0LjA4OCA0LjE5OCA3LjEyNSA2LjU3MiA5LjEzNyAyLjM0NiAxLjk4OCA0Ljg5NiAzLjA3NiA3LjI0IDIuOTUgMi40ODMtLjEzNCA0LjQ1LTEuNjMyIDUuMjg0LTQuMTE2Ljc5LTIuMzU0LjUzLTUuNDQtLjc5MS05LjAwNS0yLjcxOS03LjMyNS02LjE3NS0xMC43OTYtOS43ODktMTEuNjQ4LTMuNTkzLS44NDctNi41OTggMS4wNy03Ljk2MSAyLjgzMi0uMzcuNDc4LS44MjIgMS4xODgtMS4zMjcgMi4wMmExOC40NjkgMTguNDY5IDAgMDAtMi4xMTktMi4wOTJsLS4wMDQtLjAwM2MtMS4xMzYtLjk0NC0yLjQ3LTEuODUzLTMuODgtMi4zNi0xLjQyOC0uNTEzLTMuMTExLS42NjYtNC42OTYuMjEtMS40OTUuODI1LTMuMDQgMi42MDQtNC4zNDQgNC41MzEtMS4zNTIgMS45OTctMi42MjIgNC40MTYtMy40OSA2Ljc5OC0uODQ3IDIuMzI4LTEuMzk3IDQuODU2LTEuMDQ3IDYuOTcxLjE4IDEuMDkzLjYyIDIuMTc3IDEuNDgzIDMuMDIyLjg3NC44NTcgMi4wMjcgMS4zMTUgMy4zNDQgMS40MjggMi41OTcuMjI1IDQuOTU1LS44NjcgNi45NS0yLjM5MyAxLjk5OS0xLjUzIDMuODAzLTMuNjIzIDUuMzYzLTUuNzQzLjkzNC0xLjI3IDEuOC0yLjU3OCAyLjU4NS0zLjgyM1ptLTIuMDY3LTMuMzM4YTE1LjY2OSAxNS42NjkgMCAwMC0yLjQ0OC0yLjYwM2MtLjk4OS0uODItMS45NTgtMS40NDQtMi44Mi0xLjc1My0uODQzLS4zMDMtMS40LS4yNS0xLjgxLS4wMjJoLS4wMDJjLS43MjcuNDAyLTEuODg0IDEuNTgzLTMuMTMyIDMuNDI2LTEuMjAyIDEuNzc1LTIuMzM2IDMuOTM5LTMuMDk3IDYuMDMtLjc4MSAyLjE0NS0xLjA4NCAzLjk4LS44ODMgNS4xOTYuMDk1LjU3Mi4yODIuODk2LjQ3NSAxLjA4NS4xOC4xNzcuNTEzLjM4IDEuMTg5LjQzOCAxLjM4OC4xMiAyLjg4Ny0uNDQgNC41MTItMS42ODMgMS42Mi0xLjI0IDMuMTk1LTMuMDMyIDQuNjY4LTUuMDM1IDEuMjM2LTEuNjgxIDIuMzYtMy40NTQgMy4zNDgtNS4wNzlaJyBjbGlwLXJ1bGU9J2V2ZW5vZGQnLz48ZGVmcz48cmFkaWFsR3JhZGllbnQgaWQ9J2xvZ28tbGxhbWFfYScgY3g9JzAnIGN5PScwJyByPScxJyBncmFkaWVudFRyYW5zZm9ybT0ncm90YXRlKC03Ny4xOTYgMjYuODc3IDkuMjcpc2NhbGUoMjEuMDA2IDM1LjY5OCknIGdyYWRpZW50VW5pdHM9J3VzZXJTcGFjZU9uVXNlJz48c3RvcCBzdG9wLWNvbG9yPScjMDU2OEUwJy8+PHN0b3Agb2Zmc2V0PScuNTc4JyBzdG9wLWNvbG9yPScjMDA4MkZGJy8+PHN0b3Agb2Zmc2V0PScxJyBzdG9wLWNvbG9yPScjMDU2OEUwJy8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PC9nPjwvc3ZnPg==);
}
.i-com--logo-ernie,
.i-com--logo-excel-round {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.i-com--logo-ernie {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA0OCA0OCcgd2lkdGg9JzQ4JyBoZWlnaHQ9JzQ4Jz48ZyBmaWxsPSdub25lJz48cGF0aCBmaWxsPSd1cmwoI2xvZ28tZXJuaWVfYSknIGZpbGwtcnVsZT0nZXZlbm9kZCcgZD0nTTI1LjM1IDQuMzU0YTIuNzU0IDIuNzU0IDAgMDAtMi43IDBMNy41NjQgMTIuODQyYTIuNzU0IDIuNzU0IDAgMDAtMS40MDQgMi40djE3LjEzMWMwIC45NzYuNTE3IDEuODc5IDEuMzU4IDIuMzc0bDE1LjA0NSA4Ljg1YTIuNzQgMi43NCAwIDAwMS41MzUuNDAxIDIuNzM5IDIuNzM5IDAgMDAxLjMzNS0uNGwxNS4wNDctOC44NTFhMi43NTQgMi43NTQgMCAwMDEuMzU3LTIuMzc0VjE1LjMwMmEyLjc0MSAyLjc0MSAwIDAwLS4yNDgtMS4yMDIgMi43NDEgMi43NDEgMCAwMC0xLjE4LTEuMjcyTDI1LjM1IDQuMzU0Wm03LjUyNCAxMC41NTNMMjQgOS45MTRsLTEyLjMzMSA2LjkzOHYxMy45NDZsOS41NzcgNS42MzNWMjEuNzA2YzAtMS4xMDEuNjU2LTIuMDk3IDEuNjY5LTIuNTMxbDkuOTU5LTQuMjY4Wm0tNi4xMiAyMS41MjQgOS41NzYtNS42MzN2LTExLjM4bC05LjU3NiA0LjEwNHYxMi45MVonIGNsaXAtcnVsZT0nZXZlbm9kZCcvPjxjaXJjbGUgY3g9JzI0LjE5NicgY3k9JzIxLjg2OScgcj0nMi45ODknIGZpbGw9JyMwMDJBOUInLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9J2xvZ28tZXJuaWVfYScgeDE9JzI0JyB4Mj0nMjQnIHkxPSc0JyB5Mj0nNDQnIGdyYWRpZW50VW5pdHM9J3VzZXJTcGFjZU9uVXNlJz48c3RvcCBzdG9wLWNvbG9yPScjMDBDMUZFJy8+PHN0b3Agb2Zmc2V0PScxJyBzdG9wLWNvbG9yPScjMDA0OEQ3Jy8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9nPjwvc3ZnPg==);
}
.i-com--logo-linkedin-round,
.i-com--logo-llama {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.w-10 {
  width: 2.5rem;
}
.h-10 {
  height: 2.5rem;
}
.text-\[\#677788\] {
  --tw-text-opacity: 1;
  color: rgb(103 119 136 / var(--tw-text-opacity, 1));
}
button:where(:not([class^='coco'])) {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button:where(:not([class^='coco'])) {
  text-transform: none;
}
button:where(:not([class^='coco'])) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
button:where(:not([class^='coco'])) {
  cursor: pointer;
}
.mt-10 {
  margin-top: 2.5rem;
}
.rounded-full {
  border-radius: 9999px;
}
.bg-\[\#165DFF\],
.bg-\[\#165dff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(22 93 255 / var(--tw-bg-opacity, 1));
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 2rem;
}
.font-semibold {
  font-weight: 600;
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:bg-primary:hover {
  --ux-primary: 58 126 255;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ux-primary) / var(--tw-bg-opacity, 1));
}
</style>
